<template>
	<div>
		<el-table v-loading="loading" @selection-change="handleSelectionChange" border :data="tableData" style="width: 100%">
			<el-table-column  v-for=" item in table" :type="item.type" :label="item.label" :prop="item.prop" width="180">
			</el-table-column>
			<slot>
			</slot>
		</el-table>
		 <el-pagination
		    layout="total, sizes, prev, pager, next, jumper"
			:current-page="pagination.currentPage"
			:total="total"
			:page-sizes="[5,15,20]"
			:page-size="pagination.pageSizes"
			 @size-change="handleSizeChange" 
			@current-change="handleCurrentChange"
			>
		  </el-pagination>
	</div>
</template>

<script>
	export default {
		data(){
			return{
				
			}
		},
		props:{
			tableData:Array,
			table:Array,
			total:Number,
			handleSizeChange:Function,
			handleCurrentChange:Function,
			pagination:Object,
			loading:Boolean,
			handleSelectionChange:Function
		},
		methods: {
		
		},
		created(){
		},
		
	}
</script>

<style>
</style>